@charset "utf-8";
/* CSS Document */

body {background-image:url(../images/fundo-listrado-vermelho-e-branco-33373897.jpg)} 

#fath {
	margin:20px;
	padding:20px;
	width:700px;
	height:450px;
	position:absolute;
	margin-top:5%;
	margin-left:20%;
}

.camp{
	margin-top: 4px;
	padding: 10px;	
	border: 1px solid #CCC;
	-webkit-appearance: textfield;
	-moz-appearance:textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;	
}

.camp:focus{
	border: 1px solid #3CF;
	background: rgba;	
}

.bot{
	margin-top: 4px;
	padding: 10px;	
	border: 1px solid #CCC;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;

}

.bot:focus{
	border: 1px solid #3CF;
	background: rgba;	
}